:root {
  --color-primary: #6366f1; /* indigo-500 */
  --color-primary-600: #4f46e5;
  --color-bg: #f6f7fb;      /* soft slate */
  --color-surface: #ffffff;
  --color-text: #0b1220;    /* deep slate */
  --color-muted: #6b7280;   /* slate-500 */
  --color-border: #e5e7eb;  /* neutral border */

  --color-hover: #eef2ff;   /* indigo-50 */

  --color-success: #22c55e; /* green-500 */
  --color-danger: #ef4444;  /* red-500 */
  --color-info: var(--color-primary);

  --radius: 12px;
  --shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
  --ring: 0 0 0 3px rgba(99, 102, 241, 0.15);
}